@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #6f6d6d;
	background:url(../images/admin-back-02.jpg) 0px 148px repeat-x #FFF;
	margin:0px;
	padding:30px;
	
	}

a {
	color:#2f9baf;
	}


.rojo {
	background-color:#F00;
	}

.verde {
	background-color:#F00;
	}

#buscar {
	width:250px;
	float:right;
	}

#wrapper {
	padding:0px;
	vertical-align:top;
	margin:auto;
	overflow:hidden;
	width:960px;
	}
	
	#header {
		width:98%; height:170px;
		margin:auto;
		float:left;
		}
		
		#logotipo {
			width:298px; height:130px;
			float:left;
			}
			
		#netosfera {
			float:right;
			margin:20px;
			}
	
		#menu {
			overflow:hidden;
			float:left;
			}
			
			#menu li {
				color:#FFF;
				display:inline;
				overflow:hidden;
				padding:10px 5px;
				}
				
				#menu li a {
					color:#FFF;
					text-transform:uppercase;
					font-size:12px;
					}
					
					#menu li:hover {
						background:url(../images/admin-li-over.jpg) repeat-x;
						cursor:pointer;
						
						}
						
						#menu li:hover a {
							color:#000;
							}
							
	
	#content {
		margin:15px auto 0px;
		padding:10px 15px;
		
		}
		
		#sf_admin_container a {
				color:#2f9baf;
				text-decoration:underline;
			} 
			
			#sf_admin_container h1 {
				font-size:15px;
				font-weight:normal;
				}
				
				.sf_admin_list {
					overflow:hidden;
					background-color:#ccc;
					padding:10px;
					}
					
					
					
					.sf_admin_list table {
						width:100%;
						}

						
						.sf_admin_list table thead th a, .sf_admin_list table thead th {
							color:#6f6d6d !important;
							font-weight:normal;
							}
							
		
				
			#sf_admin_container th {
				background-color:#999;
				color:#ccc !important;
				font-weight:normal;
				
				}
				
				#sf_admin_container th a {
					color:#ccc !important;
					}
	
			
			#sf_admin_bar tr  {
				background-color:#a7a7a7;
				border:none;
				}
                                
/* 
    Document   : contador
    Created on : 14/12/2010, 11:30:30 AM
    Author     : Roberto Hernandez
    Description:
        Add Effect to the counter of characters.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


h1{
	font-size:180%;
	font-weight:normal;
	}
h2{
	font-size:160%;
	font-weight:normal;
	}
h3{
	font-size:140%;
	font-weight:normal;
	}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:500px;
	}
.clear{
	clear:both;
	}
img{border:none;}

/* Character Count styles */

#general form{width:500px;}
label{
	display:block;
	font-size:14px;
	}
textarea{
	width:490px;
	height:60px;
	border:2px solid #ccc;
	padding:3px;
	color:#555;
	font:16px Arial, Helvetica, sans-serif;
	}
form div{position:relative;margin: 5px 0;}

form .counter{
	display: block;
	clear: both;
	font-size:15px;
	color: #333;
	}
form .warning{color:#600;}
form .exceeded{color:#e00;}     


#datos-cita-main{
		border:#bfbbbb 1px dotted;
		background-color:#efecec;
		padding:10px 10px;
		margin:10px;
		overflow:hidden;
		clear:right;
		width:90%;

		float:left;
	} 

#datos-cita {
		border:#bfbbbb 1px dotted;
		background-color:#efecec;
		padding:10px 10px;
		margin:10px;
		overflow:hidden;
		width:250px;
		float:left;
	} 

.titulo {
	font-size:18px;
	background-color:#CCC;
	padding:10px;
	display:block;
	}

.item {
	background-color:#fafafa;
	display:block;
	padding:10px;
	}
	

	
	#datos-cita strong {
		font-weight:bold;
		}   
		
		#leyenda-content {
			font-size:11px;
			position:relative;
			top:12px;
			}
  
			
			.titulo-leyenda {
				font-size:13px;
				background-color:#999;
				font-weight:bold;
				display:block;
				color:#FFF;
				text-align:center;
				float:left;
				margin-right:5px;
				}                   
				
				#buscar-list {
					width:850px;
					margin:15px auto;
					}
					
					#buscar-list th {
						background-color: #999999;
						color:#CCCCCC !important;
						}
                                                
#volverlistado{

    margin: 0 0 0 10px;
    
}  

#otro {
	float:left;
	} 
	
	#otro p {
		float:left;
		}                                             